<template>
  <Layout>
    <PageHeaderNew :items="items"></PageHeaderNew>
    <div class="card">
      <div class="card-body">
        <div class="table_title">
          <div>
            数据表名称: <span>policy_record</span>
          </div>
          <div>
            <span>删除表</span>
            <span>添加字段</span>
            <span>添加数据</span>
            <span>导入数据</span>
          </div>
        </div>
        <b-table
          class="table-centered"
          :items="ordersData"
          :fields="fields"
          responsive="sm"
          :per-page="perPage"
          :current-page="1"
          thead-class="thead-light"
          @filtered="onFiltered"
        >
          
        </b-table>
      </div>
    </div>
  </Layout>
</template>
<script>
import Layout from "../../../layouts/main";
import PageHeaderNew from "@/components/page-header-new";
export default {
  components: {
    Layout,
    PageHeaderNew,
  },
  data () {
    return {
      items: [
        {
          text: "数仓实例",
          url: "/datahouse/example",
        },{
          text: "数据内容",
          url: "/",
        }
      ],
      ordersData: [
        {
          fieldName: "",
          label: "",
          alias: "",
          describe: "",
          tableName: "",
          dataSourceName: "",
        }
      ],
      totalRows: 100,
      currentPage: 1,
      perPage: 10,
      fields: [
        { key: "fieldName", label: "第一列" },
        { key: "label", label: "第二列" },
        { key: "alias", label: "第三列" },
        { key: "describe", label: "第四列" },
        { key: "tableName", label: "第五列" },
        { key: "dataSourceName", label: "第六列" },
      ],
    }
  }
}
</script>
<style lang="scss" scoped>
.table_title{
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  span{
    margin-left: 20px;
  }
}
</style>
